<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./script/detail_module.js" type="module"></script>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="shortcut icon" href="./img/logo.jpg">


</head>

<body>
    <header>
        <div class="wrapper">
            <div class="nav_left">
                <ul>
                    <li>
                        长虹官网
                    </li>
                    <li>
                        关于长虹
                    </li>
                    <li>
                        投资者关系
                    </li>
                    <li>
                        商务合作
                    </li>
                    <li>
                        <i class="iconfont">&#xe6b9; &nbsp;
                            English</i>
                    </li>
                </ul>
            </div>
            <div class="nav_right">
                <p>
                    <a href="login.html">登录</a>|
                    <a href="registry.html">注册</a>
                </p>

                <span> <i class="iconfont">&#xe503;</i> &nbsp;我的长虹
                    <div class="mine">
                        <div class="mine_top">
                            <i class="iconfont">&#xe686;
                            </i>
                            <div>
                                <p><a href="login.html">你好请登录</a></p>
                                <p><a href="#">账户设置</a></p>
                            </div>
                            
                        </div>
                        <ul>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的预约</a></li>
                            <li><a href="#">家电管家</a></li>
                            <li><a href="#">服务记录</a></li>
                            <li><a href="#">我的收藏</a></li>
                        </ul>
                    </div>
                </span>
                <span> <i class="iconfont">&#xe517;</i> &nbsp;宏创有品
                <div class="piccode"><img src="https://images.changhong.com/chgw/images/cnhome-hcyp-ewm.jpg" alt=""></div>
                </span>
                <span> <a href="./cartlist.html"><i class="iconfont">&#xe502;</i>&nbsp;购物车<em class="goodtotal"></em></a></em>
                </span>
            </div>
        </div>
    </header>


    <div class="p_tip">
        <p>当前位置：<a href="index1.html">首页</a>&gt;
            <a href="list.html">电视机</a>
        </p>
    </div>
    <div class="main">
        <div class="magnifier">
            <div id="spic" class="large">
                <img src="" alt="" class="s_pic ">
                <div class="mirror_s "></div>
            </div>
            <div class="mirror_b ">
                <img src=" " alt=" " class="b_pic ">
            </div>
            <div class="ulist ">
                <a href="javascript:; " class="left"></a>
                <div class="list ">
                    <ul>

                    </ul>
                </div>
                <a href="javascript:; " class="right"></a>
            </div>
        </div>


        <div class="showData">
            <div class="title">
                <p class="g_title"></p>
                <span>杜比视界 无边框全面屏</span>
                <button>加入对比</button>
            </div>

            <div class="price">
                <span class="g_price"></span>
            </div>
            <div class="address">
                <label for="">配送地址：
                <select name="" id="">
                    <option value="">北京</option>
                    <option value="">广东</option>
                    <option value="">上海</option>
                    <option value="">重庆</option>
                    <option value="">四川</option>
                </select>
            </label>
                <p>服务信息： 由长虹官方发货，并提供售后服务。</p>
            </div>
            <div class="add">
                <div class="q_change">
                    <span>商品数量：</span>
                    <div>
                        <input type="button" class="reduce" value="-">
                        <input type="text " class="count " />
                        <input type="button" class=" increase" value="+"></div>
                </div>
                <div class="q_btn">
                    <button class="btn">加入购物车</button>
                    <button>立即购买</button>
                    <span class="code"><i class="iconfont">&#xe646;&nbsp;</i>手机查看
                        <em><img src="https://images.changhong.com/chgw/images/ewm_20200825_1.jpg" alt=""></em></span>

                </div>
                <div class="icon">
                    <span class="one"> 
                        <i class="iconfont">&#xe6ac;&nbsp;<em>在线客服</em></i>
                        <i class="iconfont">&#xe613;&nbsp;<em>收藏</em></i>
                        <i class="iconfont">&#xe612;&nbsp;<em>分享</em></i>
                </span>
                    <span> 
                        <i class="iconfont">&#xe785;</i>
                    <i class="iconfont">&#xe63d;</i>
                    <i class="iconfont">&#xe780;</i>
                    <i class="iconfont">&#xe507;</i>
                </span>

                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer_top">
            <div class="wrapper">
                <div class="help">
                    <div class="about">
                        <i class="iconfont">&#xe636;</i>
                        <div>
                            <h2>物流快线</h2>
                            <span>及时响应准确送达</span>
                        </div>
                    </div>
                    <div class="about">
                        <i class="iconfont">&#xe60b;</i>
                        <div>
                            <h2>售后网点</h2>
                            <span>20000余家售后网点</span>
                        </div>
                    </div>
                    <div class="about">
                        <i class="iconfont">&#xe65f;</i>
                        <div>
                            <h2>无忧报修</h2>
                            <span>7*24小时客服热线</span>
                        </div>
                    </div>
                </div>
                <div class="server">
                    <div class="s_left">
                        <div>
                            <h2>友情链接</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>友情链接</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>服务支持</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>长虹集团</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                        <div>
                            <h2>商务合作</h2>
                            <ul>
                                <li>爱联科技</li>
                                <li>MELING美菱 </li>
                                <li>中科美菱</li>
                                <li>日电科技</li>
                            </ul>
                        </div>
                    </div>
                    <div class="s_right">
                        <div>
                            <p><i class="iconfont">&#xe60a;</i>在线服务</p>
                            <p><i class="iconfont">&#xe60a;</i>在线服务</p>
                            <h2>4008-111-666</h2>
                            <h2>4006-111-666</h2>
                        </div>
                        <div class="s_code">
                            <p>
                                <img src="https://images.changhong.com/chgw/gwsy/dblj/ewm/201609/W020200720505010301790.jpg" alt="">
                                <span>官方特卖</span>
                            </p>
                            <p>
                                <img src="https://images.changhong.com/chgw/gwsy/dblj/ewm/201609/W020160929398046882385.jpg" alt="">
                                <span>长虹服务</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bot">
            <div class="wrapper">
                <h1>
                    <img src="https://cn.changhong.com/images/footer-logo_03.png" alt="">
                </h1>
                <p>
                    蜀ICP备09001737号-1 | © 2021 四川长虹电器股份有限公司 版权所有
                </p>
                <p>地址：四川省绵阳市高新区绵兴东路35号</p>
                <div>

                    <span>
                        <a href=""> <img src="./img/wsjy-icon_06.png" alt=""> 经营性网站备案信息</a>
                    </span>
                    <span>
                        <a href=""> <img src="./img/cxwz-icon_06.png" alt="">诚信网站</a>
                    </span>
                    <span>
                       
                        <a href=""> <img src="./img/gsjgicon.gif" alt="">工商网监</a>
                    </span>
                    <span>
                        <a href=""> 
                            <img src="./img/wzba-icon_03.png" alt="">
                            <i>网上交易保障中心</i>
                        </a>
                        
                    </span>
                    <span>
                        <a href=""> <img src="./img/kxr-icon_08.png" alt="">可信网站信用评估</a>
                        
                    </span>

                </div>
            </div>
        </div>
    </footer>
</body>

</html>